<%@ page language="java" contentType="text/html; charset=UTF8"
	pageEncoding="UTF8"%>
<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html"%>
<%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean"%>
<%@ taglib uri="http://struts.apache.org/tags-logic" prefix="logic"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF8">
        <link rel="stylesheet" href="references/assets/css/reset.css">
        <link rel="stylesheet" href="references/assets/css/supersized.css">
        <link rel="stylesheet" href="references/assets/css/style.css">
<title>Login</title>

<script type="text/javascript">
	function date_time(id) {
		date = new Date;
		year = date.getFullYear();
		month = date.getMonth();
		months = new Array('January', 'February', 'March', 'April', 'May',
				'June', 'Jully', 'August', 'September', 'October', 'November',
				'December');
		d = date.getDate();
		day = date.getDay();
		days = new Array('Sunday', 'Monday', 'Tuesday', 'Wednesday',
				'Thursday', 'Friday', 'Saturday');
		h = date.getHours();
		if (h < 10) {
			h = "0" + h;
		}
		m = date.getMinutes();
		if (m < 10) {
			m = "0" + m;
		}
		s = date.getSeconds();
		if (s < 10) {
			s = "0" + s;
		}
		result = '' + days[day] + ' ' + months[month] + ' ' + d + ' ' + year
				+ ' ' + h + ':' + m + ':' + s;
		document.getElementById(id).innerHTML = result;
		setTimeout('date_time("' + id + '");', '1000');
		return true;
	}
</script>
</head>
<body >
	
	<div class="page-container">
           
            <span id="date_time"></span>
	<script type="text/javascript">
		window.onload = date_time('date_time');
	</script>
            <html:form action="/login" method="post">
                <html:text property="username"></html:text>
               <html:password property="password"></html:password>
                <button type="submit">Login</button>
                <div class="error"><span>+</span></div>
          </html:form>
            <div class="connect">
              <logic:notEmpty name="ErrorInfo">
		<bean:write name="ErrorInfo" />
	</logic:notEmpty>
            </div>
        </div>

	  <script src="references/assets/js/jquery-1.8.2.min.js"></script>
	 	<script src="references/assets/js/supersized.3.2.7.min.js"></script>
        <script src="references/assets/js/supersized-init.js"></script>
        <script src="references/assets/js/scripts.js"></script>
</body>
</html>